<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head lang="en">
    <meta charset="UTF-8">
    <title>登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="resources/css/login-style.css" rel="stylesheet">
    <link href="resources/css/login-style-responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="resources/AmazeUI-2.4.2/assets/css/amazeui.css"/>
    <link href="resources/AmazeUI-2.4.2/assets/css/dlstyle.css" rel="stylesheet" type="text/css">
    <script src="resources/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="resources/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
    <style>
        #reloadImage {
            position: absolute;
            left: 210px;
            top: 110px;
        }
        #reloadImage2 {
            position: absolute;
            left: 210px;
            top: 110px;
        }

    </style>
    <script type="text/javascript">
        $(function () {
            var message = "<%=session.getAttribute("editmassage")%>";
            console.log("===提示信息====" + message)
            if (message == "success") {
                alert("密码修改成功，请重新登录");
            }
        })
    </script>
</head>

<body class="login-body">

<div class="container">
    <div class="row bigDiv">
        <div class="col-md-5 col-md-offset-1 ">
            <div class="login-wrap">
                <img class="div-signin" src="resources/images/logo.png"/>
            </div>
            <div class="form-signin-heading text-center">
                <h1 class="big-title">管理系统</h1>
            </div>
        </div>
        <div class="col-md-4">
            <div class="am-tabs form-signin" id="doc-my-tabs">
                <div class="form-signin-heading text-center">
                    <img src="resources/images/login-logo.png" alt=""/>
                </div>
                <ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
                    <li class="am-active"><a href="">用户登录</a></li>
                </ul>
                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-active">
                        <form id="userForm" action="/user/login" method="post">
                            <div class="login-wrap">
                                <div class="form-group">
                                    <input type="text" name="userName" class="form-control" placeholder="用户名" autofocus>
                                </div>

                                <div class="form-group">
                                    <input type="password" name="password" class="form-control" placeholder="密码">
                                </div>
                            </div>
                        </form>
                        <div class="am-cf">
                            <input type="submit" name="" value="登录" onclick="userLogin()"
                                   class="am-btn am-btn-danger am-btn-sm am-fl">
                        </div>
                        <span style="color:red">${msg}</span>
                    </div>
                    <script>
                        $(function () {
                            $('#doc-my-tabs').tabs();
                        })
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    function userLogin() {
        $("#userForm").submit();
    }
</script>
</html>